var data = {
	"电": ["电风扇", "电动牙刷", "电视柜", "电脑椅", "电饭煲", "电瓶车", "电话", "电视机"],
	"男": ["男士短袖", "男士休闲裤", "男童凉鞋", "男鞋", "男士内裤", "男童夏装", "男裤", "男装"],
	"刀": ["刀架", "刀具 防身", "刀具 厨房", "刀具套装", "刀长款", "刀剑", "刀具 军工刀", "刀架 厨房"],
	"女": ["女装2019新潮款", "女鞋", "女士短袖", "女士凉鞋", "女包", "女士裙子", "女士套装", "女童连衣裙"],
	"金": ["金坷垃", "金属车贴", "金利来女包", "金属耳环", "金镶玉吊坠", "金色礼服女", "金利来皮鞋", "金属笔"]
};
var select;
window.onload=function(){
	select = $(window.frames["head"].document.getElementById("search"));
	var va = window.frames["head"].document.getElementById("search").value;
	var val = select.val();
	Search();
}

function Search() {
	select.val('请输入搜索内容').css("color", "#ccc").focus(function() {
		if ($(this).val() == "请输入搜索内容") {
			$(this).css("color", "#000").val("");
		}
	}).blur(function() {
		if ($(this).val() == "") {
			$(this).css("color", "#ccc").val("请输入搜索内容");
		}
	}).change(function() {
		if ($("#seDv")) {
			$("#seDv").remove(); //判断div是否存在，如果存在则移除
		}
		if ($(this).val().length > 0 && $(this).val() != "请输入搜索内容") {
			//文本框中有值时才执行查询
			var list = data[$(this).val()];
			GetData(list);
		}
	});
	var txt = "";
	setInterval(function() {
		//var select = $(".search");
		if (txt != select.val()) {
			txt = select.val();
			select.change();
		}
	}, 500);
	//通过计时器不停地调用change方法
}

function GetData(data) {
	var X = select.offset().top;
	var Y = select.offset().left;
	var W = select.width();
	var H = select.height();
	var dvObj = $("<div></div>");
	//创建div
	dvObj.attr("id", "seDv");
	//设置div的id
	dvObj.css({
		"position": "relative",
		"top": X + H - 964 + "px",
		"left": Y + 167 + "px",
		"width": W + 2 + "px",
		"backgroundColor": "#fff",
		"border": "solid #F7E988 1px",
		"fontSize": "20px"
	}); //设置div的坐标
	if (data != undefined) {
		for (var i = 0; i < data.length; i++) {
			var sdvObj = $("<div></div>");
			//创建div
			sdvObj.mouseover(function() {
				//div的鼠标移入事件
				$(this).css("backgroundColor", "#ED7234").css("cursor", "pointer");
				$("a", $(this)).css("color", "#fff");
			}).mouseout(function() {
				//div的鼠标移出事件
				$(this).css("backgroundColor", "#fff");
				$("a", $(this)).css("color", "#ED7234");
			}).click(function(){
				select.val($(this).text());
				$("#seDv").remove();
			});
			var aObj = $("<a></a>");
			//创建a标签
			aObj.text(data[i]).css("color", "#ED7234");
			//添加文本内容
			sdvObj.append(aObj);
			dvObj.append(sdvObj);
		}
		$("body").append(dvObj);
	} else {
		var sdvObj = $("<div></div>");
		//创建div
		sdvObj.text("没有找到匹配项").css("color", "#ED7234");
		dvObj.append(sdvObj);
		$("body").append(dvObj);
	}
}

// window.onresize = function(){
// 	var dvObj = $("#seDv")
// 	var X = select.offset().top;
// 	var Y = select.offset().left;
// 	var W = select.width();
// 	var H = select.height();
// 	dvObj.css({
// 		"position": "relative",
// 		"top": X + H - 964 + "px",
// 		"left": Y + 167 + "px",
// 		"width": W + 2 + "px",
// 		"backgroundColor": "#fff",
// 		"border": "solid #F7E988 1px",
// 		"fontSize": "20px"
// 	}); //设置div的坐标
// }

